<!DOCTYPE HTML>
<html>
<head>
    <title>热销商品管理</title>
    <link rel="stylesheet" href="/stylesheets/style.css">
    <script src="/scripts/jquery.min.js"></script>
    <script src="/scripts/boot.js" type="text/javascript"></script>
    <link rel="stylesheet" href="/scripts/miniui/themes/default/miniui.css">
    <link rel="stylesheet" href="/scripts/miniui/themes/icons.css">
    <link rel="stylesheet" href="/scripts/miniui/themes/bootstrap/skin.css">
    <link rel="stylesheet" href="/editor/common.css">
    <script src="/scripts/miniui/miniui.js"></script>
</head>
<body  style="padding: 0;width: 100%;height: 97%">
<div style="width:99%;height: 97%;">
    <div id="outImg">
        <img id="imgId" src="" alt="" onclick="smallImg()">
    </div>
    <div style="width:99%;">
        <div class="mini-toolbar" style="border-bottom:0;padding:0px;">
            <table style="width:100%;">
                <tr>
                    <td style="width:100%;">
                        <a class="mini-button" iconCls="icon-add" onclick="shopRecommendAdd()">增加</a>
                        <a class="mini-button" iconCls="icon-edit" onclick="shopRecommendEdit()">编辑</a>
                        <a class="mini-button" iconCls="icon-remove" onclick="shopRecommendDelete()">刪除</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="datagrid1" class="mini-datagrid" style="width:99%;height: 97%;" multiSelect="true"
         url="/getdata/bestSellersManage" idField="id" allowResize="true"
         sizeList="[20,30,50,100]" pageSize="20">
        <div property="columns">
            <div type="checkcolumn" width="20" ></div>
            <div field="id" width="80" headerAlign="center" allowSort="true" >热销商品Id</div>
            <div field="objectId" width="80" headerAlign="center" allowSort="true" >商品Id</div>
            <div field="title" width="80" headerAlign="center" allowSort="true" >商品名称</div>
            <div field="status" renderer="statusRenderer" width="80" headerAlign="center" allowSort="true" >商品状态</div>
            <div field="shopIcon"  width="70" align="center" headerAlign="center" renderer="onGenderRenderer" allowSort="true" >商品Icon</div>
            <div field="name" width="80" headerAlign="center" allowSort="true" >店铺名称</div>
            <div field="createdAt" width="100" renderer="onBirthdayRenderer"   align="center" headerAlign="center" allowSort="true">创建日期</div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    var flag = 1;
    mini.parse();
    var grid = mini.get("datagrid1");
    grid.load();
    grid.on("drawcell", function (e) {
        var value = e.value;
        var column = e.column;
        if (column.field == "shopIcon") {
            if(value) {
                e.cellHtml = '<img class="bigImg" onclick="bigImg()" src="' + value + '?imageMogr2/thumbnail/640x/format/jpg/interlace/1/auto-orient" width="30" height="30" alt="图片">';
            }else{
                e.cellHtml = '<img class="bigImg" onclick="bigImg()"  src="http://7xiuo5.com1.z0.glb.clouddn.com/fgImage.png?imageMogr2/auto-orient/thumbnail/!100x100r/gravity/Center/crop/100x100/quality/80/auto-orient" width="30" height="30" alt="图片">';
            }
        }
    });

    function bigImg() {
        var row = grid.getSelected();
        if (row) {
            if(flag==1) {
                var path = row.shopIcon;
                $("#imgId").attr('src', path);
                $("#outImg").css('display','block');
            }
        }
    }
    function smallImg() {
        $("#outImg").css('display','none');
    }

    function onBirthdayRenderer(e) {
        var value = e.value;
        if (value) return mini.formatDate(value, 'yyyy-MM-dd hh:mm:ss');
        return "";
    }

    function  shopRecommendAdd() {
        mini.open({
            url: "/getdata/shopRecommendAdd",
            title: "增加商品", width: 600, height: 600,
            ondestroy: function (action) {
                grid.reload();
            }
        });
    }
    function statusRenderer(e) {
        var value = e.value;
        if (value=="0") {
            return (value, '正常')
        }else if(value== "-1"){
            return (value, '删除')
        }
    };

    function shopRecommendEdit() {
       var rows = grid.getSelecteds();
       if(rows.length>1){
           alert("设置按钮只能选择一条记录");
       }else{
        var row = grid.getSelected();
        if(row){
            mini.open({
                url:'/getdata/shopRecommendEdit?objectId='+row.id,
                title: "编辑", width: 450, height: 450,
                ondestroy: function (action) {
                    grid.reload();
                }
            })
        }else{
            alert("请选中一条记录")
        }
    }
    }

    function  shopRecommendDelete() {
        var arrRow = grid.getSelecteds();
        var  ids = [];
        for(var i = 0;i<arrRow.length;i++){
            ids.push(arrRow[i].id);
        }
        if(ids.length>=1){
            $.ajax({
                url:'/getdata/deleteShopRecommend',
                type:'POST',
                data:{
                    ids
                },
                success:function (result) {
                    if(result=="10001"){
                        alert("删除成功");
                        grid.reload();
                    }else{
                        alert("删除失败");
                    }
                }
            })
        }else {
            alert("请选中一条记录");
        }
    }
    
</script>
</html>
